<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compa">
    
    <link rel="stylesheet" href="D:\code\vscodeworkspace\heihei\style\boke.css">
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>
<body>
  <!-- 首页 -->
    <div class="header">
        <!-- //轮播 -->
        <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" style="position: absolute;">
            <div class="carousel-inner">
              <div class="carousel-item active" style="height:100vh;background-size:100% ;">
                  <img src="D:\code\vscodeworkspace\heihei\image\flower.png" class="d-block w-100">
                  <div class="carousel-caption d-none d-md-block" >
                    <h1 style="z-index: -1;">Pure clean optimism</h1>
                    <h5 style="position: absolute;margin-left:30px">study</h5>
                    <p style="margin-left:-70%;z-index: 2;">Yearning for the sunshine high above</p>
                  </div>
              </div>
              <div class="carousel-item" style="height:100vh;background-size: 100%;">
                <img src="../image/glass.png" class="d-block w-100">
                <div class="carousel-caption d-none d-md-block">
                  <h1 style="z-index: -1;margin-left: -73%;">A better day</h1>
                  <h5 style="position: absolute;">heihei</h5>
                  <p style="margin-left:-78%;z-index: 2;">Always keep smiling and confident</p>
                </div>
              </div>
            </div>
        </div>
        <!-- 小白条 -->
        <div class="white">
            <ul class="nav justify-content-end"style="width:52%;margin-left:38%;margin-top:2px;">
                <li class="nav-item">
                  <a class="nav-link active" href="#denglu.html" class="signup">Signup</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link signin" href="#" >Signin</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link comment" href="#" >Comment</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link href="#">Article</a>
                </li>
              </ul>
        </div>
      <div class="second">
        <div class="kuang">
          <div class="biaoge">
          <table>
              <tr style="top:-174%;position:absolute;left:-164%">
                  <td class="yonghu" style="color:#c76464b5;font-size:23px">用户名:</td>
                  <td>
                      <input type="text" placeholder="请输入用户名" class="username" name="username">
                  </td>
              </tr>
              <tr style="position: absolute;top:-174%;left:-83%">
                  <td style="color:#c76464b5;font-size:23px;">登录密码:</td>
                  <td>
                      <input type="password" placeholder="请输入密码" class="password" name="password">
                  </td>
              </tr>
          </table>
          </div>
        </div>
          <button class="denglu">登录</button>
    </div>
   <button class="jump" style="left:53%;position: absolute;bottom:91.7%;">注册</button>
  <script src="../jsjsjsjs/boke.js"></script>
  <script src="../jsjsjsjs/denglu.js"></script>
</body>
</html>